layui.use(function() {
    const {layer, carousel, laydate, jquery: $} = layui;
    var form = layui.form;

    // 自定义验证规则
    form.verify({
        rule: function(value, elem) {
        }
    });


    // 提交事件
    form.on('submit(demo-verify)', function(data){
        var field = data.field; // 获取表单字段值
        // 显示填写结果，仅作演示用
        // layer.alert(JSON.stringify(field), {
        //     title: '当前填写的字段值'
        // });
        // 此处可执行 Ajax 等操作

        // 清空表单
        $("#name").val("");
        $("#certificateNumber").val("");

        // 转圈查询loading
        var index = layer.load(2, {
            shade: [0.1, '#fff'] // 0.1透明度的白色背景
        });

        $.post('/certSubmit', field, function(res) {
            // 关闭转圈查询loading
            layer.close(index);
            // 清空查询
            $("#cert-result").html('');
            // 如果code=1 表示提交成功
            if (res.code === 1) {
                var resultHtml = '';
                resultHtml += '<div class="cert-result-item">';
                resultHtml += '<span class="title box-sizing">姓名</span><span class="content box-sizing">' + res.data.name + '</span>';
                resultHtml += '<span class="title box-sizing bl">身份证号</span><span class="content box-sizing">' + res.data.id_number + '</span>';
                resultHtml += '</div>';
                resultHtml += '<div class="cert-result-item">';
                resultHtml += '<span class="title box-sizing">评价资格</span><span class="content box-sizing">' + res.data.qualification + '</span>';
                resultHtml += '<span class="title box-sizing bl">职业方向</span><span class="content box-sizing">' + res.data.career_direction + '</span>';
                resultHtml += '</div>';
                resultHtml += '<div class="cert-result-item">';
                resultHtml += '<span class="title box-sizing">评价等级</span><span class="content box-sizing">' + res.data.skill_level + '</span>';
                resultHtml += '<span class="title box-sizing bl">证书编号</span><span class="content box-sizing">' + res.data.certificate_number + '</span>';
                resultHtml += '</div>';
                resultHtml += '<div class="cert-result-item">';
                resultHtml += '<span class="title box-sizing">发证日期</span><span class="content box-sizing">' + res.data.issue_date + '</span>';
                resultHtml += '<span class="title box-sizing bl">数据责任单位</span><span class="content box-sizing">' + res.data.data_responsible_unit + '</span>';
                resultHtml += '</div>';
                $("#cert-result").html(resultHtml);
                $("#cert-result").show();
            } else {
                // 如果code!=1 表示提交失败
                $("#cert-result").hide();

                layer.msg(res.msg || '提交失败，请稍后再试', {icon: 2});
            }
        });
        // …
        return false; // 阻止默认 form 跳转
    });

});